<template>
<div class="box">
        <div class="head">
            <i class="el-icon-arrow-left" @click="back"></i>
            <a>充值</a>
        </div>
        <div class="foot">
            <el-button class="but">微信支付</el-button>
            <el-button class="but">支付宝充值</el-button>
            <el-button class="but">银行卡充值</el-button>
        </div>
 </div>
</template>
<script>
export default{
    name:'pay',
    data(){
        return{

        }
    },
    methods:{
            back(){
                this.$router.go(-1);
            }
        }
}  
</script>
<style lang="less" scoped>
a{
    text-decoration: none;
}
.box .el-icon-arrow-left{
    font-size: 20/35rem;
}
.head{
    height:40/35rem;
}
 .head a{
    font-size: 22/35rem;
  	margin-left:130/35rem;
}
.foot{
    padding-top:200/35rem;
    height:375/35rem;
    background:#f0f0f0;
}
.foot .but{
    margin-left:45/35rem;
    margin-top:30/35rem;
    font-size: 22/35rem;
    width:250/35rem;
    height:50/35rem;
    border-radius: 20/35rem;
}

</style>